<?php
/**
 * @package		Joomla.Site
 * @subpackage	Templates.beez5
 * @copyright	Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

$showRightColumn = $this->countModules('rightbar');

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/custom.css">
	
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery-2.0.2.min.js"></script>
	
	<script type="application/x-javascript">
		
		function changeSlide() {
			var index = 0;
			$('#slideshow .iitem').each(function(i) {
					
					if ($(this).css("display") == 'block') {
						$(this).fadeOut();
						//alert(index);
						index = i;
					}					
			});
			if (index == 2) {
				index = -1;
			}
			$('#slideshow .iitem').eq(index+1).fadeIn();
		}
		
		$(document).ready(function() {
			
			$('#slideshow #thumbnail a').click(function() {
				$('#slideshow .iitem').each(function(index) {
					//alert($(this).css("display"));
					if ($(this).css("display") == 'block') {
						$(this).fadeOut();
					}					
				});
				$('#slideshow .item'+$(this).attr("rel")).fadeIn();
			});
			
			setInterval("changeSlide()", 15000);
			
		});
		
	</script>
</head>
<body>
<div id="container">
	<div id="wrapper">
		<div id="header">
			<div class="w960">
				
				<jdoc:include type="modules" name="logo" />				
			
				<div class="clear"></div>	
				<div id="navbar" >
					
					<jdoc:include type="modules" name="navbar" />					
					
				</div>
			</div>
		</div><!--header-->
		<div class="clear"></div>
		
		<jdoc:include type="modules" name="promotions" />
		
		<jdoc:include type="modules" name="top-banner" />
		
		<jdoc:include type="modules" name="home-slide" />
		
		<!--<div id="slideshow">
			<img class="slideitem" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/bannerhome.jpg" alt="" width="1230" height="571" />
			<div class="slidedata">
				<div class="w960">
					<div id="text-banner">
						<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/logo_banner.png" alt="" /><br />
						<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/blue_line.png" />
						<p>Lorem Ipsum is simply dummy <br />
						text of the printing and <br />
						typesetting industry. </p>
						<a href=""><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/go.png" /></a>
					</div>
				</div>
			</div>
			<div class="w960">
				<div id="thumbnail">
					<ul>
						<li><a href=""><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/thumbnail1.png" /></a></li>
						<li><a href=""><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/thumbnail2.png" /></a></li>
						<li><a href=""><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/thumbnail3.png" /></a></li>
					</ul>
				</div>
			</div>		
		</div>-->
		
		
		<div class="clear"></div>
		
		<div id="content">
			<?php if($showRightColumn) { ?>
				<div class="content-data">
					<div class="data-left">
						<jdoc:include type="message" />
						<jdoc:include type="component" />
					</div>
					<div class="data-right">
						<jdoc:include type="modules" name="rightbar" />
					</div>
				</div>
			<?php } else { ?>
				<jdoc:include type="message" />
				<jdoc:include type="component" />
			<?php } ?>			
		</div><!--content-->
		<div class="clear"></div>
	
	</div><!--Wrapper-->
	
	
	<jdoc:include type="modules" name="bottom-banner" />
	
	<div class="w960">
		<div id="menu2">
			
			<jdoc:include type="modules" name="bottom-menu" />
			
		</div>
	</div>
	<div class="clear"></div>
	<div id="footer">
		<div class="w960 foott">
			<div id="footer-data">
				<div id="text1">
					
								<jdoc:include type="modules" name="newsletter-text1" />	
					
				</div>
				
			<div class="clear"></div>
			<div class="fr">
				<div id="social">
					<ul>
						<li><a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/fb.png" /></a></li>
						<li><a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/envelop.png" /></a></li>
					</ul>
				</div>
				<div id="newsletter">
					
					<jdoc:include type="modules" name="newsletter" />
					
					
				</div>			
			</div>	
			</div>
			<div class="clear"></div>
			<div id="copyright">
				<jdoc:include type="modules" name="newsletter-text2" />	
			</div>
		</div>
	</div><!--footer-->
</div>
</body>
</html>